<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>伪类选择器</title>
  <link rel="stylesheet" href="./css/1_class.css">
</head>
<body>
  <a href="#" class="root">学习</a>
  <div>
    我是一个div元素，用来实现元素内的第一个字符添加样式声明
  </div>

  用户名：<input type="text" class="box"> <br>
  密码：<input type="password" class="box2"> <br>
  回答问题：<input type="text" class="box2-qq"> <br>
  性别选择：<input type="radio" name="sex">男<input type="radio" name="sex">女 <br>
  是否工作：<input type="radio" name="work">是<input type="radio" name="work">否 <br>
  <p class="box">我是一个p元素</p>
  <p class="box">我是一个p2元素</p>
  <div class="dd box2">我是一个div1元素，我有个类名：dd</div>
  <div class="dd2">我是一个div2元素，我有个类名：dd2</div>



  <div>
    <p class="transform">
      React Redux is the official React UI bindings layer for Redux. 
      It lets your React components read data from a Redux store, 
      and dispatch actions to the store to update state.
    </p>
    <p class="transform2">
      React Redux is the official React UI bindings layer for Redux. 
      It lets your React components read data from a Redux store, 
      and dispatch actions to the store to update state.
    </p>
    <p class="transform3">
      React Redux is the official React UI bindings layer for Redux. 
      It lets your React components read data from a Redux store, 
      and dispatch actions to the store to update state.
    </p>
  </div>

  <div class="wind-m">
    <div class="wind-t"></div>
    <div class="wind-r"></div>
    <div class="wind-b"></div>
    <div class="wind-l"></div>
  </div>
</body>
</html>